<!DOCTYPE html>
<html>

<head>
    <style>
        body {
            margin: 0;
            padding: 0;
            position: relative;
            overflow: hidden;
        }

        img {
            width: 100%;
            height: auto;
            position: fixed;
        }

        .watermark {
            position: fixed;
            pointer-events: none;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 30px;
            color: rgba(0, 0, 0, 0.05);
            /* text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); */
            transform: rotate(-45deg);
        }
        .watermark span {
            display: inline-block;
            margin-right: 150px;
        }
    </style>
</head>

<body>
    <img src="./img/image (10).png" alt="Your Image">
    <div class="watermark" style="top: 300px; left: -1737px;">
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
    </div>
    <div class="watermark" style="top: 300px; left: -1437px;">
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
    </div>
    <div class="watermark" style="top: 300px; left: -1137px;">
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
    </div>
    <div class="watermark" style="top: 300px; left: -837px;">
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
    </div>
    <div class="watermark" style="top: 300px; left: -537px;">
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
    </div>
    <div class="watermark" style="top: 300px; left: -237px;">
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
    </div>
    <div class="watermark" style="top: 300px; left: 137px;">
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
        <span>cloudwise</span>
    </div>
</body>

</html>